import React,{Component} from "react";
import './List.scss'

class List extends Component{
    state={
   
    }

    // 删除
    // del=(index)=>{
    //     let list=this.props.list
    //     list.splice(index,1)
    //     this.setState({
    //         list:this.props.list
    //     })
    //     console.log(999,this);
    // }
        render(){
            return(<>
              <div className="boxA">
             <div className="list">
                <ul>
                    {
                        this.props.list.map((item,index)=><li key={index}>
                            <div className="left">
                            <h2>评论人：{item.title}</h2>
                            <h5>评论内容:{item.desc}</h5>
                            
                            </div>
                            <div className="right">
                              <button onClick={()=>this.props.del(index)}>删除</button>
                            </div>
                    </li>)
                    }
                </ul>
           </div>
           </div>
           
            </>)
        }
}



export default List